<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="icon" href="../img/微信图片_20250617181003.jpg" type="image/jpg">
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<title>Cult电影影院页</title>
		<style>
			
			
			.main {
				width: 92%;
				height: 1400px;
				background-color: white;
				padding: 100px 0 0 8%;
			}
			.main1{
				width: 91%;
			    padding: 19px;
				font-size: 17px;
				border: 1px solid red;
				border-radius: 6px;
			}
			
			.main1_ul{
				display: flex;
				gap: 30px;
				list-style-type: none;
				
			}
			.main_ul_1{
				color: black;
				
			}
			.main_ul_1:hover{
				color: crimson;
			}
			
			.main_ul_2{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50px;
				height: 30px;
				background-color: red;
				color: white;
				border-radius: 6px;
			}
			
			hr{
				border: none;
				height: 1px;
				background-color: #d5d5d5;
				margin: 20px 0 20px 0;
			}
			
			.main2{
				font-size:20px ;
				font-weight: bold;
				border-left:5px red solid ;
				padding-left: 4px;
				height: 22px;
				display: flex;
				align-items: center;
				margin-bottom: 20px;
				margin-top: 20px;
            }
			
			.main3{
				width: 93%;
				display: flex;
				flex-direction: column;
				gap: 12px;
			}
			
			.main3_1{
				width: 80%;
				display: ;
			}
			
			.main3_1_2{
				color: #adadad;
				margin-top:5px;
			}
			
			.main3_1_3{
				display: flex;
				gap: 15px;
			}
			
			.main3_1_3_1{
				color: #17c6d9;
				border: 1px solid #17c6d9;
				font-size:13px ;
				padding: 2px;
				margin-top: 10px;
			}
			
			.main3_2{
				width: 10%;
				display: flex;
				gap:8px;
				font-size: 16px;
				color: #adadad;
				align-items: end;
				flex-direction: column;
			}
			
			.main3_2_1{
				color: red;
				font-size: 17px;
				font-weight: bolder;
			}
			
			.main3_3{
				width: 10%;
				display: flex;
				justify-content: end;
			}
			
			.main3_3_1{
				width: 80px;
				height: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #ff3810;
				color: white;
				border-radius: 20px;
				box-shadow: 1px 3px 3px #ee0d8b;
			}
			
			
		</style>
	</head>
	<body>
		<div class="header">
			<img class="header_img" src="../img/微信图片_20250617181003.jpg" alt="logo" />
			<a class="header1_a" href="index.html"><div class="header1">首页</div></a>
			
			<a class="header1_a" href="film.html">	<div class="header1">电影</div></a>
			
			<a class="header1_a" href="#">
				<div class="header1 header2">影院</div>
			</a>
			<input class="header3" type="text" placeholder="搜索电影和影院" />
			<input class="header4" type="submit" value="搜索" />
			<a href="login.html"><input class="header5" type="button" value="登录" /></a><!---->
		</div>
		
		<div class="main">
			<div class="main1">
			
					<ul class="main1_ul">
						<li>品&nbsp;&nbsp;&nbsp;&nbsp;牌：</li>
						<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>阿卡姆影城</li></a>	
				<a class="main_ul_1" href="#"><li>哥谭影城</li></a>
				<a class="main_ul_1" href="#"><li>潘多拉影城</li></a>
				<a class="main_ul_1" href="#"><li>赛伯坦影城</li></a>
				<a class="main_ul_1" href="#"><li>寂静岭影城</li></a>
				<a class="main_ul_1" href="#"><li>侏罗纪影城</li></a>
				<a class="main_ul_1" href="#"><li>阿斯加德影城</li></a>
				<a class="main_ul_1" href="#"><li>致远星影城</li></a>
				<a class="main_ul_1" href="#"><li>凶铃影城</li></a>
				
				</ul>
				<hr />
						
				<ul class="main1_ul">
					<li>行政区：</li>
					<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>大陆</li></a>	
				<a class="main_ul_1" href="#"><li>美国</li></a>
				<a class="main_ul_1" href="#"><li>韩国</li></a>
				<a class="main_ul_1" href="#"><li>日本</li></a>
				<a class="main_ul_1" href="#"><li>俄罗斯</li></a>
				<a class="main_ul_1" href="#"><li>英国</li></a>
				<a class="main_ul_1" href="#"><li>德国</li></a>
				<a class="main_ul_1" href="#"><li>法国</li></a>
				<a class="main_ul_1" href="#"><li>意大利</li></a>
				<a class="main_ul_1" href="#"><li>中国台湾</li></a>
				<a class="main_ul_1" href="#"><li>中国香港</li></a>
				<a class="main_ul_1" href="#"><li>西班牙</li></a>
				<a class="main_ul_1" href="#"><li>加拿大</li></a>
				</ul>
				<hr />
						
				<ul class="main1_ul">
				    <li>年&nbsp;&nbsp;&nbsp;&nbsp;代：</li>
				    <li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>2025</li></a>	
				<a class="main_ul_1" href="#"><li>2024</li></a>
				<a class="main_ul_1" href="#"><li>2023</li></a>
				<a class="main_ul_1" href="#"><li>2022</li></a>
				<a class="main_ul_1" href="#"><li>2021</li></a>
				<a class="main_ul_1" href="#"><li>2020</li></a>
				<a class="main_ul_1" href="#"><li>2010-2019</li></a>
				<a class="main_ul_1" href="#"><li>2010-2019</li></a>
				<a class="main_ul_1" href="#"><li>90年代</li></a>
				<a class="main_ul_1" href="#"><li>80年代</li></a>
				<a class="main_ul_1" href="#"><li>70年代</li></a>
				<a class="main_ul_1" href="#"><li>更早</li></a>
				</ul>
				<hr />
				
				<ul class="main1_ul">
					<li>服&nbsp;&nbsp;&nbsp;&nbsp;务：</li>
					<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>可改票</li></a>	
				<a class="main_ul_1" href="#"><li>可退票</li></a>
			</div>
		    <div class="main2">影院列表</div>
		    <div class="main3">
				<div class="main3_1">
					<div>C&c影城</div>
					<div class="main3_1_2">地址：................</div>
					<div class="main3_1_3">
						<div class="main3_1_3_1">退</div>
						<div class="main3_1_3_1">改签</div>
						<div class="main3_1_3_1">折扣卡</div>
					</div>
				</div>
				<div class="main3_2">
					<div><span class="main3_2_1">￥19.5</span>起</div>
					<div>12km</div>
				</div>
				<div class="main3_3">
					<div class="main3_3_1">选座购票</div>
				</div>
			</div> 	
		</div>
		
		<div class="footer">
			<div class="footer1">
			<p class="footer2">友情链接：&nbsp;&nbsp;
			<a class="footer2_1" href="#">美团网&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">猫眼电影&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">饿了吗&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">百度</a>
			</p>	
			<p class="footer2">商务合作邮箱：3892260010@qq.com <span class="footer2_3">客服电话：12345667</span></p>
			<p class="footer2">违法和不良信息/涉未成年人有害信息举报电话：12344567</p>
			<p class="footer2">用户举报/涉未成年人有害信息举报邮箱：3458907843@qq.com</p>
			<p class="footer2">诈骗检举邮箱：3458907843@qq.com</p>
			<p class="footer2">中华人民共和国营业性演出许可证：35261773号</p>
			<p class="footer2">广播电视节目制作经营许可证555555555号|网络文化经营许可证：333333333号</p>
			<p class="footer2_2">本网页是为了递交学校老师的项目作业，纯属虚构，如有雷同，纯属巧合。</p>
			</div>
		</div>
	</body>
</html>